layui.use(
	['table', 'util', 'layer', 'jquery', 'form', 'upload'],
	function() {

		var table = layui.table;
		var layer = layui.layer;
		var form = layui.form;
		var $ = layui.jquery;
		var upload = layui.upload;
		var userTable;
		//普通图片上传
		var uploadInst = upload.render({
			elem: '#test1',
			url: 'upload',
			before: function(obj) {
				//预读本地文件示例，不支持ie8
				obj.preview(function(index, file, result) {
					$('#demo1').attr('src', result); //图片链接（base64）
					$("input[name='uimges']").attr("value", result);
				});
			},
			done: function(res) {
				//如果上传失败
				if(res.code > 0) {
					return layer.msg('上传失败');
				}
				//上传成功
			},
			error: function() {
				//演示失败状态，并实现重传
				var demoText = $('#demoText');
				demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
				demoText.find('.demo-reload').on('click', function() {
					uploadInst.upload();
				});
			}
		});

		/**
		 * 点击个人信息管理的事件
		 */
		$(".active").click(function() {
			$("#qita").attr("style", "display:none;");
			$("#gerenxinxi").attr("style", "display:block;");
			$("#addContents").attr("style", "display:none;");
			$("#gerenxiangqing").attr("style", "display:none;");
			$("#management").attr("style", "display:none;");
			$("#queryAllUsers").attr("style", "display:none;");
			$("#flTitle").text("个人信息管理");
		});
		/**
		 * 点击修改个人信息的事件
		 */
		$(".layui-btn-primary").click(function() {
			$("#qita").attr("style", "display:none;");
			$("#gerenxinxi").attr("style", "display:none;");
			$("#addContents").attr("style", "display:none;");
			$("#management").attr("style", "display:none;");
			$("#queryAllUsers").attr("style", "display:none;");
			$("#gerenxiangqing").attr("style", "display:block;");

		});
		/**
		 * 点击添加按钮的事件
		 */
		$("#layui-btn").click(function() {
			$("#qita").attr("style", "display:none;");
			$("#gerenxinxi").attr("style", "display:none;");
			$("#addContents").attr("style", "display:block;");
			$("#gerenxiangqing").attr("style", "display:none;");
			$("#management").attr("style", "display:none;");
			$("#queryAllUsers").attr("style", "display:none;");
			$("#wenzhang").attr("lay-filter", "loginForm");
			$("#wenzhang").text("文章提交");
			$("input[name='tcontentheader']").val("");
			$("input[name='author']").val("");
			$(".w-e-text").text("");
		});

		/**
		 * 点击用户管理
		 */
		$(".yonghuguanli").click(function() {
			$.post("queryAllUser", function(data) {
				if(data.data != null) {
					$("#qita").attr("style", "display:none;");
					$("#gerenxinxi").attr("style", "display:none;");
					$("#addContents").attr("style", "display:none;");
					$("#gerenxiangqing").attr("style", "display:none;");
					$("#queryAllUsers").attr("style", "display:none;");
					$("#management").attr("style", "display:block;");
					$("#flTitle").text("用户管理");
					table.render({
						elem: '#user',
						url: 'queryAllUser?' // 数据接口
							,
						page: true // 开启分页
							,
						cols: [
							[ // 表头
								{
									field: 'uid',
									title: 'ID',
									width: 80,
									sort: true,
								},
								{
									field: 'userCode',
									title: '登录名',
									align: 'center'
								},
								{
									field: 'userName',
									title: '用户名',
									align: 'center'
								}, {
									fixed: 'right',
									width: 178,
									align: 'center',
									title: '操作',
									toolbar: '#chakanuser'
								}
							]
						]
					})
				} else {
					$("#qita").attr("style", "display:none;");
					$("#gerenxinxi").attr("style", "display:none;");
					$("#addContents").attr("style", "display:none;");
					$("#gerenxiangqing").attr("style", "display:none;");
					$("#queryAllUsers").attr("style", "display:none;");
					$("#management").attr("style", "display:block;");
					$("#flTitle").text("用户管理");
					table.render({
						elem: '#user',
						url: 'queryAllUser?' // 数据接口
							,
						page: true // 开启分页
							,
						cols: [
							[ // 表头
								{
									field: 'uid',
									title: 'ID',
									width: 80,
									sort: true,
								},
								{
									field: 'userCode',
									title: '登录名',
								},
								{
									field: 'userName',
									title: '用户名',
								}, {
									fixed: 'right',
									width: 178,
									align: 'center',
									title: '操作',
									toolbar: '#chakanuser'
								}
							]
						]
					})
				}
			})
		})

		/**
		 * 点击分类
		 */
		$('.page')
			.click(
				function() {
					var cid = $(this).attr('data-cid');
					var cName = $(this).text();
					layer.msg(cName);
					$.post("table", "cid=" + cid, function(date) {
						if(date != null) {
							$("#qita").attr("style", "display:block;");
							$("#gerenxinxi")
								.attr(
									"style",
									"display:none;");
							$("#gerenxiangqing").attr("style", "display:none;");
							$("#addContents").attr("style", "display:none");
							$("#flTitle")
								.text(
									cName);
							$("#flTitle").attr("name", cid);
							$("#management").attr("style", "display:none;");
							$("#queryAllUsers").attr("style", "display:none;");
							// 第一个实例
							table.render({
								elem: '#demo',
								url: 'table?cid=' + cid // 数据接口
									,
								page: true // 开启分页
									,
								cols: [
									[ // 表头
										{ field: 'tid', title: 'ID', width: 80, sort: true, fixed: 'left' },
										{ field: 'tcontentheader', title: '标题' },
										{ field: 'author', title: '作者', align: 'center' },
										{
											field: 'tcreationtime',
											title: '创建时间',
											width: 140,
											templet: '<div>{{layui.util.toDateString(d.tcreationtime,"yyyy-MM-dd")}}</div>'
										}, {
											field: 'roof',
											title: "置顶状态",
											align: 'center',
											templet: '#topTpl'

										}, {
											field: 'commentCount',
											title: "评论数",
											align: 'center'
										},
										{
											fixed: 'right',
											width: 178,
											align: 'center',
											title: '操作',
											toolbar: '#barDemo'
										}
									]
								]
							});
						}
					}, "json");
				})

		// 添加提交
		form.on('submit(loginForm)', function(data) {
			$.post('addContent', data.field, function(resp) {
				if(resp) {
					layer.msg('添加成功', {
						icon: 1,
						time: 1000
					}, function() {
						location.href = 'index';
					});

				} else {
					layer.msg('业务繁忙');
				}

			}, 'json');

			return false;
		});
		// 修改用户提交
		form.on('submit(userForm)', function(data) {
			$.post('updateUser', data.field, function(resp) {
				if(resp) {
					layer.msg('修改成功', {
						icon: 1,
						time: 1000
					}, function() {
						location.href = 'index';
					});
				} else {
					layer.msg('业务繁忙');
				}
			}, 'json');

			return false;
		});

		// 修改内容提交
		form.on('submit(updateForm)', function(data) {

			$.post('updateContent', data.field, function(resp) {
				if(resp) {
					layer.msg('修改成功', {
						icon: 1,
						time: 1000
					}, function() {
						location.href = 'index';
					});
				} else {
					layer.msg('业务繁忙');
				}
			}, 'json');

			return false;
		});

		// 监听工具条
		table.on('tool(test)', function(obj) {
			var data = obj.data;
			if(obj.event === 'detail') {
				layer.msg('ID：' + data.tid + ' 的查看操作');
			} else if(obj.event === 'del') {
				layer.confirm('真的删除行么', function(index) {
					$.ajax({
						url: 'deleteContent/' + data.tid,
						type: 'DELETE',
						// contentType:'applicaton/json',
						dataType: 'json',
						success: function(resp) {
							if(resp) {
								obj.del();
								layer.msg('删除成功');
							}
						}

					});

					layer.close(index);

				});
			} else if(obj.event === 'edit') { //点击编辑某条内容
				$.ajax({
					url: 'queryBytid/' + data.tid,
					type: 'post',
					// contentType:'applicaton/json',
					dataType: 'json',
					success: function(resp) {
						if(resp != null) {
							$("#queryAllUsers").attr("style", "display:none;");
							$("#management").attr("style", "display:none;");
							$("#qita").attr("style",
								"display:none;");
							$("#gerenxinxi").attr("style",
								"display:none;");
							$("#addContents").attr("style",
								"display:block;");
							$("#gerenxiangqing").attr("style", "display:none;");
							$("#wenzhang").attr("lay-filter", "updateForm");
							$("#wenzhang").text("文章修改");
							$("input[name='tcontentheader']").val(resp.tcontentheader);
							$("input[name='author']").val(resp.author);
							$(".w-e-text").html(resp.tcontent);
							$("#text1").html(resp.tcontent);
							$("input[name='tid']").val(resp.tid);
							var fenlei = $("#selectType option").length;
							for(var i = 1; i <= fenlei; i++) {
								if(resp.classification.cid == i) {
									$("#selectType").find("option:contains('" + resp.classification.cName + "')").attr("selected", "selected");
									form.render();
									layer.msg(i, {
										icon: 1,
										time: 1000
									});
									break;
								}
							}
						}
					}
				});
			} else if(obj.event == 'chakanuser') { //点击查看用户的发布文章
				$.post("queryAllUserContent", "uid=" + data.uid, function(resp) {
					if(resp.data != null) {
						$("#qita").attr("style", "display:none;");
						$("#gerenxinxi").attr("style", "display:none;");
						$("#addContents").attr("style", "display:none;");
						$("#gerenxiangqing").attr("style", "display:none;");
						$("#queryAllUsers").attr("style", "display:block;");
						$("#management").attr("style", "display:none;");
						$("#flTitle").text(data.userName);
						userTable = table.render({
							elem: '#queryAllUser',
							url: 'queryAllUserContent?uid=' + data.uid // 数据接口
								,
							page: true // 开启分页
								,
							cols: [
								[ // 表头
									{
										field: 'tid',
										title: 'ID',
										width: 80,
										sort: true,
										fixed: 'left'
									},
									{
										field: 'user',
										width: 80,
										style: 'display:none;',
										templet: '<div>{{d.user.uid}}</div>'
									},
									{
										field: 'classification',
										title: '栏目',
										templet: '<div>{{d.classification.cName}}</div>'

									},
									{
										field: 'tcontentheader',
										title: '标题'
									},
									{
										field: 'author',
										title: '作者',
										align: 'center'
									},
									{
										field: 'tcreationtime',
										title: '创建时间',
										width: 140,
										templet: '<div>{{layui.util.toDateString(d.tcreationtime,"yyyy-MM-dd")}}</div>'
									},
									{
										field: 'roof',
										title: "置顶状态",
										align: 'center',
										templet: '#topTpl'
									}, {
										field: 'commentCount',
										title: "评论数",
										align: 'center'
									},
									{
										fixed: 'right',
										width: 178,
										align: 'center',
										title: '操作',
										toolbar: '#barDemo1'
									}
								]
							]
						})
						$('table.layui-table thead tr th:eq(0)').addClass('layui-hide');
					} else if(resp.data == null) {
						$("#qita").attr("style", "display:none;");
						$("#gerenxinxi").attr("style", "display:none;");
						$("#addContents").attr("style", "display:none;");
						$("#gerenxiangqing").attr("style", "display:none;");
						$("#queryAllUsers").attr("style", "display:block;");
						$("#management").attr("style", "display:none;");
						$("#flTitle").text(data.userName);

						userTable = table.render({
							elem: '#queryAllUser',
							url: 'queryAllUserContent?uid=' + data.uid // 数据接口
								,
							page: true // 开启分页
								,
							cols: [
								[ // 表头
									{
										field: 'tid',
										title: 'ID',
										width: 80,
										sort: true,
										fixed: 'left'
									},
									{
										field: 'tcontentheader',
										title: '标题'
									},
									{
										field: 'author',
										title: '作者',
										align: 'center'
									},
									{
										field: 'tcreationtime',
										title: '创建时间',
										width: 140,
										templet: '<div>{{layui.util.toDateString(d.tcreationtime,"yyyy-MM-dd")}}</div>'
									},
									{
										fixed: 'right',
										width: 178,
										align: 'center',
										title: '操作',
										toolbar: '#barDemo1'
									}
								]
							]
						})
					}

				})
			} else if(obj.event === 'roof') { //在栏目的内容里面点击某条内容置顶
				if(data.roof == 1) {
					layer.confirm('确认要取消置顶吗？', function(index) {
						$.ajax({
							url: 'updateContentRoof/' + data.tid,
							type: 'post',
							// contentType:'applicaton/json',
							dataType: 'json',
							success: function(resp) {
								if(resp == true) {
									var uid = $("input[name='uid']").val();
									layer.msg("取消置顶成功！", {
										icon: 1,
										time: 1000
									});

									var cid = $("#flTitle").attr("name");
									table.reload('demo', {
										url: 'table?cid=' + cid // 数据接口

									});
								}
							}
						});

						layer.close(index);
					});
				} else {
					layer.confirm('确认要置顶吗？', function(index) {
						$.ajax({
							url: 'updateContentRoof/' + data.tid,
							type: 'post',
							// contentType:'applicaton/json',
							dataType: 'json',
							success: function(resp) {
								if(resp == true) {
									var uid = $("input[name='uid']").val();
									layer.msg("置顶成功！", {
										icon: 1,
										time: 1000
									});
									var cid = $("#flTitle").attr("name");
									// 第一个实例
									table.render({
										elem: '#demo',
										url: 'table?cid=' + cid // 数据接口
											,
										page: true // 开启分页
											,
										cols: [
											[ // 表头
												{ field: 'tid', title: 'ID', width: 80, sort: true, fixed: 'left' },
												{ field: 'tcontentheader', title: '标题' },
												{ field: 'author', title: '作者', align: 'center' },
												{ field: 'tcreationtime', title: '创建时间', width: 140, templet: '<div>{{layui.util.toDateString(d.tcreationtime,"yyyy-MM-dd")}}</div>' },
												{ field: 'roof', title: "置顶状态", align: 'center', templet: '#topTpl' },
												{ field: 'commentCount', title: "评论数", align: 'center' },
												{
													fixed: 'right',
													width: 178,
													align: 'center',
													title: '操作',
													toolbar: '#barDemo'
												}
											]
										]
									})
								} else {
									layer.msg("该分类已有置顶文章！", {
										icon: 1,
										time: 1000
									});
								}
							}
						});
					});
				}
			} else if(obj.event === 'roofs') { //在用户发布文章的内容点击某条内容置顶
				if(data.roof == 1) {
					layer.confirm('确认要取消置顶吗？', function(index) {
						$.ajax({
							url: 'updateContentRoof/' + data.tid,
							type: 'post',
							// contentType:'applicaton/json',
							dataType: 'json',
							success: function(resp) {
								if(resp == true) {
									layer.msg("取消置顶成功！", {
										icon: 1,
										time: 1000
									}, function() {
										console.log(userTable);
										userTable.reload({
											url: 'queryAllUserContent?uid=' + data.user.uid // 数据接口
										});
									});

								}
							}
						});

						layer.close(index);
					});
				} else {
					layer.confirm('确认要置顶吗？', function(index) {
						$.ajax({
							url: 'updateContentRoof/' + data.tid,
							type: 'post',
							// contentType:'applicaton/json',
							dataType: 'json',
							success: function(resp) {
								if(resp == true) {
									layer.msg("置顶成功！", {
										icon: 1,
										time: 1000
									});
									// 第一个实例
									userTable = table.render({
										elem: '#queryAllUser',
										url: 'queryAllUserContent?uid=' + data.user.uid // 数据接口
											,
										page: true // 开启分页
											,
										cols: [
											[ // 表头
												{ field: 'tid', title: 'ID', width: 80, sort: true, fixed: 'left' },
												{ field: 'user', width: 80, style: 'display:none;', templet: '<div>{{d.user.uid}}</div>' },
												{ field: 'classification', title: '栏目', templet: '<div>{{d.classification.cName}}</div>' },
												{ field: 'tcontentheader', title: '标题' },
												{ field: 'author', title: '作者', align: 'center' },
												{ field: 'tcreationtime', title: '创建时间', width: 140, templet: '<div>{{layui.util.toDateString(d.tcreationtime,"yyyy-MM-dd")}}</div>' },
												{ field: 'roof', title: "置顶状态", align: 'center', templet: '#topTpl' },
												{ field: 'commentCount', title: "评论数", align: 'center' },
												{
													fixed: 'right',
													width: 178,
													align: 'center',
													title: '操作',
													toolbar: '#barDemo1'
												}
											]
										]
									})
									$('table.layui-table thead tr th:eq(0)').addClass('layui-hide');
								} else {
									layer.msg("该分类已有置顶文章！", {
										icon: 1,
										time: 1000
									});
								}
							}
						});
					});
				}
			}
		});
	})